import React from 'react'
import './TodoFooter.css'
export default function TodoFooter({todos,allDelTodos,allWin,allNum,allNumber}) {
  return (
    <div className="todo-footer">
        <label>
          <input type="checkbox" checked={allNumber} onChange={()=>{
            allWin(!allNumber)
          }}/>
        </label>
        <span>
          <span>已完成{allNum}</span> / 全部{todos.length}
        </span>
        <button className="btn btn-danger" onClick={()=>{
          allDelTodos()
        }}>清除已完成任务</button>
    </div>
  )
}
